	<div class="block-background header-background"></div>
</header>
	
<!-- content -->
<section class="container site-content">
	<div class="row">
		<div class="column ninecol">
			<!-- Items List -->
			<div class="items-grid clearfix">
				<div class="column fourcol ">
					<div class="tour-thumb-container">						
						<div class="tour-thumb">
							<a href="#"><img width="440" height="330" src="public/img/camps/image_12.jpg" class="attachment-preview wp-post-image" alt="image_12"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-samui-holidays">Samui Holidays</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-thailand" rel="tag">Thailand</a>
									</div>
									<div class="tour-duration">8 days</div>
								</div>
							</div>			
						</div>							
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column fourcol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-parthenon-temple"><img width="440" height="330" src="public/img/camps/image_10.jpg" class="attachment-preview wp-post-image" alt="image_10"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-parthenon-temple">Parthenon Temple</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-greece" rel="tag">Greece</a>
									</div>
									<div class="tour-duration">4 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column fourcol last">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-tropical-paradise"><img width="440" height="330" src="public/img/camps/image_11.jpg" class="attachment-preview wp-post-image" alt="image_11"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-tropical-paradise">Tropical Paradise</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-philippines" rel="tag">Philippines</a>
									</div>
									<div class="tour-duration">10 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="clear"></div>
				
				<div class="column fourcol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-giza-pyramids"><img width="440" height="330" src="public/img/camps/image_3.jpg" class="attachment-preview wp-post-image" alt="image_3"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-giza-pyramids">Giza Pyramids</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-egypt" rel="tag">Egypt</a>
									</div>
									<div class="tour-duration">7 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column fourcol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-stonehenge"><img width="440" height="330" src="public/img/camps/image_9.jpg" class="attachment-preview wp-post-image" alt="image_9"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-stonehenge">Stonehenge</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-united-kingdom" rel="tag">United Kingdom</a>
									</div>
									<div class="tour-duration">5 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column fourcol last">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-hanging-rock"><img width="440" height="330" src="public/img/camps/image_8.jpg" class="attachment-preview wp-post-image" alt="image_8"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-hanging-rock">Hanging Rock</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-australia" rel="tag">Australia</a>
									</div>
									<div class="tour-duration">4 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="clear"></div>
				
				<div class="column fourcol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-aztec-cities"><img width="440" height="330" src="public/img/camps/image_2.jpg" class="attachment-preview wp-post-image" alt="image_2"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-aztec-cities">Aztec Cities</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-brazil" rel="tag">Brazil</a>
									</div>
									<div class="tour-duration">8 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column fourcol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-mayan-pyramids"><img width="440" height="330" src="public/img/camps/image_13.jpg" class="attachment-preview wp-post-image" alt="image_13"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-mayan-pyramids">Mayan Pyramids</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-mexico" rel="tag">Mexico</a>
									</div>
									<div class="tour-duration">10 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column fourcol last">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-detian-waterfall"><img width="440" height="330" src="public/img/camps/image_14.jpg" class="attachment-preview wp-post-image" alt="image_14"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-detian-waterfall">Detian Waterfall</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-vietnam" rel="tag">Vietnam</a>
									</div>
									<div class="tour-duration">5 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="clear"></div>
				
				<div class="column fourcol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-moraine-lake"><img width="440" height="330" src="public/img/camps/image_15.jpg" class="attachment-preview wp-post-image" alt="image_15"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-moraine-lake">Moraine Lake</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-canada" rel="tag">Canada</a>
									</div>
									<div class="tour-duration">8 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
									<div class="column fourcol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-mayan-pyramids"><img width="440" height="330" src="public/img/camps/image_13.jpg" class="attachment-preview wp-post-image" alt="image_13"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-mayan-pyramids">Mayan Pyramids</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-mexico" rel="tag">Mexico</a>
									</div>
									<div class="tour-duration">10 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column fourcol last">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="#tour-detian-waterfall"><img width="440" height="330" src="public/img/camps/image_14.jpg" class="attachment-preview wp-post-image" alt="image_14"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="#tour-detian-waterfall">Detian Waterfall</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="#destinations-vietnam" rel="tag">Vietnam</a>
									</div>
									<div class="tour-duration">5 days</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="clear"></div>	
			</div>
		</div>
		
		<aside class="column threecol last">
			<div class="widget widget_text">	
			
				<!-- tour search form -->				
				<div class="textwidget">
					<div class="tour-search-form placeholder-form">
						<div class="form-title">
							<h4>Find the Perfect Tour</h4>
						</div>
						<form role="search" method="get" action="http://publicxtemplates.com/demo/midway">
							<div class="select-field">
								<span>All Destinations</span>
								<select name="destination" id="destination" class="postform" style="opacity: 0;">
									<option value="0">All Destinations</option>
									<option class="level-0" value="6">Australia</option>
									<option class="level-0" value="7">Brazil</option>
									<option class="level-0" value="8">Canada</option>
									<option class="level-0" value="11">Egypt</option>
									<option class="level-0" value="12">Greece</option>
									<option class="level-0" value="15">India</option>
									<option class="level-0" value="16">Mexico</option>
									<option class="level-0" value="18">Philippines</option>
									<option class="level-0" value="20">Switzerland</option>
									<option class="level-0" value="21">Thailand</option>
									<option class="level-0" value="22">United Kingdom</option>
									<option class="level-0" value="23">Vietnam</option>
								</select>
							</div>
							
							<div class="select-field">
								<span>All Types</span>
								<select name="type" id="type" class="postform" style="opacity: 0;">
									<option value="0">All Types</option>
									<option class="level-0" value="9">Cultural</option>
									<option class="level-0" value="10">Educational</option>
									<option class="level-0" value="13">Hiking</option>
									<option class="level-0" value="14">Honeymoon</option>
									<option class="level-0" value="17">Nature</option>
									<option class="level-0" value="19">Religious</option>
								</select>
							</div>
							
							<div class="field-container">
								<input type="text" name="date_dep" class="date-field hasDatepicker" value="Departure Date" id="dp1387602328322">
							</div>
							
							<div class="field-container">
								<input type="text" name="date_arr" class="date-field reverse hasDatepicker" value="Arrival Date" id="dp1387602328323">
							</div>
							
							<div class="range-slider">
								<div class="range-min">$<span>249</span></div>
								<div class="range-max">$<span>829</span></div>
								<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false">
									<div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div>
									<a class="ui-slider-handle ui-state-default ui-corner-all" href="#tours?layout=grid#" style="left: 0%;"></a>
									<a class="ui-slider-handle ui-state-default ui-corner-all" href="#tours?layout=grid#" style="left: 100%;"></a>
								</div>
								<input type="hidden" name="price_min" value="249" class="range-min">
								<input type="hidden" name="price_max" value="829" class="range-max">
								<input type="hidden" value="249" class="range-min-value">
								<input type="hidden" value="829" class="range-max-value">
							</div>
							
							<div class="form-button">
								<div class="button-container">
									<a href="#tours?layout=grid#" class="button submit-button">Search Tours</a>
								</div>
							</div>
							<input type="hidden" name="s" value="">
						</form>
					</div>
				</div>
			</div>
			
			<div class="widget widget_text">			
				<div class="textwidget">
					<div class="featured-image">
						<a href="#tour-samui-holidays">
							<img src="public/img/camps/image_18.jpg" alt="">
						</a>
					</div>
				</div>
			</div>
		</aside>
		
		<div class="hidden">
			<!-- booking form -->
			<div class="booking-form popup-form" id="booking-form">
				<div class="section-title popup-title"><h4></h4></div>
				<form action="#wp-admin/admin-ajax.php" method="POST" class="formatted-form ajax-form">			
					<div class="message"></div>
					
					<div class="sixcol column ">
						<div class="field-container">
							<input type="text" id="full-name" name="full-name" value="" placeholder="Full Name">
						</div>
					</div>
					
					<div class="sixcol column last">
						<div class="clear"></div>
						<div class="field-container">
							<input type="text" id="email-address" name="email-address" value="" placeholder="Email Address">
						</div>
					</div>
					
					<div class="sixcol column ">
						<div class="field-container">
							<input type="text" id="departure-date" name="departure-date" value="" class="date-field hasDatepicker" placeholder="Departure Date">
						</div>
					</div>
					
					<div class="sixcol column last">
						<div class="clear"></div>
						<div class="field-container">
							<input type="text" id="arrival-date" name="arrival-date" value="" class="date-field hasDatepicker" placeholder="Arrival Date">
						</div>
					</div>
					
					<div class="sixcol column ">
						<div class="field-container">
							<input type="text" id="adults-number" name="adults-number" value="" placeholder="Adults Number">
						</div>
					</div>
					
					<div class="sixcol column last">
						<div class="clear"></div>
						<div class="field-container">
							<input type="text" id="kids-number" name="kids-number" value="" placeholder="Kids Number">
						</div>
					</div>
					<input type="hidden" name="id" value="" class="popup-id">
					<input type="hidden" name="slug" value="booking">
					<input type="hidden" class="action" value="publicx_form_submit">
					<a class="submit-button button" href="#tours?layout=grid#">Submit</a>
				</form>
			</div>
			
			<!-- question form -->
			<div class="question-form popup-form" id="question-form">
				<div class="section-title popup-title"><h4></h4></div>
				<form action="#wp-admin/admin-ajax.php" method="POST" class="formatted-form ajax-form">
					<div class="message"></div>
					<div class="sixcol column ">
						<div class="field-container">
							<input type="text" id="full-name" name="full-name" value="" placeholder="Full Name">
						</div>
					</div>
					<div class="sixcol column last">
						<div class="clear"></div>
						<div class="field-container">
							<input type="text" id="email-address" name="email-address" value="" placeholder="Email Address">
						</div>
					</div>
					<div class="clear"></div>
					<div class="field-container">
						<textarea id="question" name="question" placeholder="Question"></textarea>
					</div>			
					<input type="hidden" name="id" value="" class="popup-id">
					<input type="hidden" name="slug" value="question">
					<input type="hidden" class="action" value="publicx_form_submit">
					<a class="submit-button button" href="#tours?layout=grid#">Submit</a>
				</form>
			</div>

		</div>	
	</div>		
</section>
